<template>
    <div>
      <div id="top">
        <div id="topBar">
          <router-link :to="{path:'/me/ticket'}"><van-icon name="arrow-left" style="float: left;margin-top: 0.5rem;margin-left: 0.5rem"/>
            <p style="float: left">使用说明</p></router-link>
        </div>
        <p id="title">使用说明</p>
      </div>
    </div>
  </template>

  <script>
    export default {
      name: "ticketIntro",
    }
  </script>

  <style scoped>
    #top{
      width: 100%;
      height:9rem;
      background: red;
      overflow: hidden;
      position: relative;
    }
    #topBar{
      height: 2rem;
      width: 100%;
      line-height: 2rem;
      background: papayawhip;
      color:black;
      font-size: 1rem;
      margin-top: 1rem;
    }
    #topBar p{
      display: inline-block;
    }
    #title{
      font-size: 1.5rem;
      float: left;
      margin-left: 2rem;
      margin-top: 1.5rem;
      letter-spacing: 0.1rem;
    }
  </style>

</template>

<script>
    export default {
        name: "ticketIntro"
    }
</script>

<style scoped>

</style>
